<%--
  Created by IntelliJ IDEA.
  User: 16704
  Date: 2019/6/26
  Time: 上午 01:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加房间-宿管系统</title>
    <link rel="stylesheet" href="../../css/basicLayout.css">

    <style>
        #roomInForm{
            width: 500px;
            height: 500px;
            margin: 0 auto;
        }

        #roomInForm form table{
            padding-top: 50px;
            line-height: 50px;
        }
    </style>
</head>
<body>

<!--    头部，用来放导航栏-->
<div id="header">
    <ul>
        <li><a href="${pageContext.request.contextPath}/student/index"> 学生管理</a></li>
        <li><a href="${pageContext.request.contextPath}/class/index"> 班级管理</a></li>
        <li><a href="${pageContext.request.contextPath}/room/index"> 房间管理</a></li>
    </ul>
</div>

<!--子导航栏区域-->
<div id="child">
    <label>房间管理功能</label>
    <ul>
        <li><a href="${pageContext.request.contextPath}/room/add/index">添加房间</a></li>
    </ul>
</div>

<!--主体内容区域-->
<div id="content">
    <!--学生入住表单-->
    <div id="roomInForm">
        <form action="${pageContext.request.contextPath}/room/add/execute" method="post">
            <table>
                <tr>
                    <td>房间地址：</td>
                    <td><input type="text" id="roomAddress" name="roomAddress" value=""></td>
                </tr>

                <tr>
                    <td>房间户型：</td>
                    <td><input type="text" id="roomInfo" name="buildingType"></td>
                </tr>

                <tr>
                    <td>可容纳人数：</td>
                    <td><input type="text" id="canin" name="capNum"></td>
                </tr>

                <tr>
                    <td>房间类型：</td>
                    <td>
                        <select name="roomType" id="roomType">
                            <option value="M" selected="selected">男生寝室</option>
                            <option value="F" >女生寝室</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <td>房租：</td>
                    <td><input type="text" id="money" name="rentPrice"></td>
                </tr>

                <tr>
                    <td>支付方式：</td>
                    <td>
                        <select name="payType" id="payType">
                            <option value="月付">月付</option>
                            <option value="季付">季付</option>
                            <option value="年付">年付</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <td>房东：</td>
                    <td><input type="text" id="roomHost" name="roomHost"></td>
                </tr>

                <tr>
                    <td>房东电话：</td>
                    <td><input type="phone" id="hostTel" name="hostTel"></td>
                </tr>
                <tr>
                    <td>房间状态：</td>
                    <td>
                        <select name="roomStatus" id="roomStatus">
                            <option value="Y">正常</option>
                            <option value="N">设备损坏</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <td>租房日期：</td>
                    <td><input type="date" id="rentDate" name="rentDate" value="rentDate"></td>
                </tr>

                <tr>
                    <td><input type="submit" value="提交"></td>
                    <td><input type="reset" value="重置"></td>
                </tr>
            </table>
        </form>
    </div>

</div>

<!--页脚内容区域-->
<div id="footer">页脚</div>
</body>
</html>